<script src="https://maps.googleapis.com/maps/api/js?key=<?php echo $this->mapConfig['map_key']; ?>&callback=initMap&v=weekly" async></script>
<style>
    #map-container {
        overflow: hidden;
        width: 100%;
        height: 100%;
        margin: 0;
        font-family: "微软雅黑";
    }
</style>

<div id="map-container"></div>

<script lang="ts">
    let map;
    function initMap() {
        const myLatlng = {<?php echo "lat: ".$this->userAddressInfo->getAddressLat().", lng: ".$this->userAddressInfo->getAddressLng(); ?>};
        map = new google.maps.Map(document.getElementById("map-container"), {
            center: myLatlng,
            zoom: 17
        });

        new google.maps.Marker({
            position: myLatlng,
            map
        });
    }
</script>